<!--首页-->
<!DOCTYPE html>
<html lang="zh-cn">
	<head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>BUSI|前端学习 分享</title>
        <meta name="keywords" content="Busi BUSI 前端 前端学习">
        <meta name="description" content="前端学习,交流">
        <meta name="viewport" content="width=device-width">
        <link rel="icon" href="/static/img/icon/favicon.ico">
        <link rel="stylesheet" href="/static/css/index.css">
        <!-- <link rel="stylesheet" href="/static/css/nav.css"> -->
    </head>
    <body>
        <!-- 导航 -->
        <header class="header">
			<div class="h-container">
                <h1 class="nav-log">
                    <a class="nav-log-text nav-color" href="index.html">BUSI<span class="nav-log-description">-前端学习之路</span></a>
                </h1>
                <nav class="nav">
                    <ul class="nav-list">
                        <li><a class="nav-color active" href="http://127.0.0.1:8000">首页</a></li>
                        <li><a class="nav-color" href="http://127.0.0.1:8000/blog/">BLOG</a></li>
                        <li><a class="nav-color" href="#">DEMO</a></li>
                        <li><a class="nav-color" href="http://127.0.0.1:8000/login/">登录/注册</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <!--  -->
        <!-- banner -->
        <section class="banner">
            <div class="banner-item1" style="height: 500px;background-color: red;"></div>
        </section>
        <section class="practice">
            <h1 class="section-common-title">Practice/练习</h1>
            <p class="section-common-paragraph">这里用来展示一些最近的小Practice<br>你可以下载到最初的PSD格式的设计图以及Practicer的源码或者点击demo预览效果</p>
            <div class="practice-wrap" style="height: 500px;background-color: yellow;">
                <div class="practice-wrap-item">
                    <figure class="practice-item">
                        <img class="practice-img" src=" ">
                        <figcaption class="practice-img-title">
                            <p>手机宣传页面</p>
                            <p>author：chen wei</p>
                            <p>demo</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="practice-wrap-item">
                    <figure class="practice-item">
                        <img class="practice-img" src=" ">
                        <figcaption class="practice-img-title">
                            <p>手机宣传页面</p>
                            <p>author：chen wei</p>
                            <p>demo</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="practice-wrap-item">
                    <figure class="practice-item">
                        <img class="practice-img" src=" ">
                        <figcaption class="practice-img-title">
                            <p>手机宣传页面</p>
                            <p>author：chen wei</p>
                            <p>demo</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </section>
        <section class="blog">
            <h1 class="section-common-title">Blog/博客</h1>
            <p class="section-common-paragraph">在这里你可以看到最热门的博客<br>碰到最活跃的愿意分享一起相互学习的人</p>
            <div class="blog-wrap" style="height: 500px;background-color: yellow;">
                <div class="blog-wrap-item">
                    <div class="blog-wrap-hottitle"><p>热门BLOG TOP5</p></div>
                    <div class="blog-item">
                        <img class="blog-img" src=" ">
                        <p class="blog-img-title">深入理解原型原型链</p>
                    </div>
                </div>
                <div class="blog-wrap-item" class="blog-wrap-item">
                    <div class="blog-wrap-hottitle"><p>贡献榜 TOP5</p></div>
                    <div class="blog-item">
                        <img class="blog-img" src=" ">
                        <p class="blog-img-title">chenwei</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="project">
            <h1 class="section-common-title">Project/项目</h1>
            <p class="section-common-paragraph">这里是成员参与或者主导的相关的开源项目<br>欢迎感兴趣的同学可以加入</p>
            <div style="height: 500px;background-color: green;"></div>
        </section>
        <section class="contact-us">
            <h1 class="section-common-title">Project/项目</h1>
            <p class="section-common-paragraph">这里用来展示一些最近的小Practice，你可以下载到最初的PSD文件设计图以及作者的下载或者点击demo预览效果</p>
            <div style="height: 500px;background-color: pink;"></div>
        </section>
        <footer class="footer">
            <div>
                <p>Copyright&copy;By ChenWei All Rights Reserved.</p>
                <span>
                    <a href="http://weibo.com/3177367555/profile?rightmod=1&wvr=6&mod=personinfo" target="_blank"><img src="/static/img/icon/weibo.png"></a>
                    <a href="https://www.python.org/" target="_blank"><img src="/static/img/icon/python.png"></a>
                    <a href="https://www.djangoproject.com" target="_blank"><img src="/static/img/icon/django.png"></a>
                    <a href="https://www.qcloud.com" target="_blank"><img src="/static/img/icon/tencent.png"></a>
                    <a href="https://git.oschina.net/chenweitech/chenweitech" target="_blank"><img src="/static/img/icon/git-oschina.png"></a>
                </span>
            </div>
        </footer>
    </body>
</html>